@charset "UTF-8";

body.event { background: #3cf url(../img/kappabg.png); }

body.event #content { width: 660px; padding: 50px 162px; margin: 0 auto; }
body.event #content div.paraLv1 { margin-bottom: 60px; }

body.event #contentTop { background-image: url(../img/contentTopLB.png); }
body.event #contentHeader { width: 860px; padding: 40px 62px; margin: 0 auto; background: transparent url(../img/contentBg1LB.png) 50% 0 repeat-y; }
body.event #contentBottom { height: 400px; margin-bottom: 0; background: url(../img/kappa.png) 50% 0 no-repeat; }
body.event #globalFooter { margin-top: 0; }

body.event #contentHeader #pageTitle {margin:0 auto; text-align:center;font-size:2em;font-weight:normal;color:#fff;}

body.event #eventList ul{width:600px;}
body.event #eventList ul li a:hover { color: #333; border-bottom: 5px solid #333; }

#eventIndex #eventList ul #elEvent a { font-weight: bold; border-bottom: 5px solid #06f; }
#ecoshopIndex #eventList ul #elEcoshop a { font-weight: bold; border-bottom: 5px solid #090; }
#reuseIndex #eventList ul #elReuse a { font-weight: bold; border-bottom: 5px solid #f09; }
#waribashiIndex #eventList ul #elWaribashi a { font-weight: bold; border-bottom: 5px solid #f90; }
#compostIndex #eventList ul #elCompost a { font-weight: bold; border-bottom: 5px solid #090; }
#cookingIndex #eventList ul #elCooking a { font-weight: bold; border-bottom: 5px solid #06f; }
#sankiriIndex #eventList ul #el3kiri a { font-weight: bold; border-bottom: 5px solid #f09; }
#sanmaruichimaruIndex #eventList ul #el3010 a { font-weight: bold; border-bottom: 5px solid #090; }
#supporterIndex #eventList ul #elSupporter a { font-weight: bold; border-bottom: 5px solid #f90; }

body.event #eventList ul #elEvent a:hover { font-weight: bold; border-bottom: 5px solid #06f; }
body.event #eventList ul #elEcoshop a:hover { font-weight: bold; border-bottom: 5px solid #090; }
body.event #eventList ul #elReuse a:hover { font-weight: bold; border-bottom: 5px solid #f09; }
body.event #eventList ul #elWaribashi a:hover { font-weight: bold; border-bottom: 5px solid #f90; }
body.event #eventList ul #elCompost a:hover { font-weight: bold; border-bottom: 5px solid #090; }
body.event #eventList ul #elCooking a:hover { font-weight: bold; border-bottom: 5px solid #06f; }
body.event #eventList ul #el3kiri a:hover { font-weight: bold; border-bottom: 5px solid #f09; }
body.event #eventList ul #el3010 a:hover { font-weight: bold; border-bottom: 5px solid #090; }
body.event #eventList ul #elSupporter a:hover { font-weight: bold; border-bottom: 5px solid #f90; }

#content #pageCaption { margin-bottom: 50px; }
#content div.step { margin-bottom: 50px; }
#content div.step h3 { color: #fff; background-color: #06f; text-align: center; margin-bottom: 10px; }
#content div.step h4 { width: 100%; color: #06f; border-left: 10px solid #06f; border-bottom: 1px solid #06f; padding-left: 10px; margin-bottom: 10px; }
#content .remark { color: #cc3300; font-weight: bold; }

.img-rounded{border-radius:16px;}

/* steps Portrait */
/*
#eventIndex #content #steps #stepsNavi { width: 615px; margin: 0 auto 30px; }
#eventIndex #content #steps #stepsNavi li { display: inline; }
#eventIndex #content #steps #stepsNavi li a { float: left; width: 132px; height: 0; padding-top: 82px; overflow: hidden; background: transparent url(../img/step.png) no-repeat; }

#eventIndex #content #steps #stepsNavi #naviStep5 a { width: 87px; }

#eventIndex #content #steps #stepsNavi #naviStep1 a { background-position: 0 -87px; }
#eventIndex #content #steps #stepsNavi #naviStep2 a { background-position: -132px -87px; }
#eventIndex #content #steps #stepsNavi #naviStep3 a { background-position: -264px -87px; }
#eventIndex #content #steps #stepsNavi #naviStep4 a { background-position: -396px -87px; }
#eventIndex #content #steps #stepsNavi #naviStep5 a { background-position: -528px -87px; }

#eventIndex #content #steps #stepsNavi #naviStep1 a:hover { background-position: 0 -174px; }
#eventIndex #content #steps #stepsNavi #naviStep2 a:hover { background-position: -132px -174px; }
#eventIndex #content #steps #stepsNavi #naviStep3 a:hover { background-position: -264px -174px; }
#eventIndex #content #steps #stepsNavi #naviStep4 a:hover { background-position: -396px -174px; }
#eventIndex #content #steps #stepsNavi #naviStep5 a:hover { background-position: -528px -174px; }

#eventIndex #content #steps #stepsNavi #naviStep1.ui-tabs-selected a { background-position: 0 0; }
#eventIndex #content #steps #stepsNavi #naviStep2.ui-tabs-selected a { background-position: -132px 0; }
#eventIndex #content #steps #stepsNavi #naviStep3.ui-tabs-selected a { background-position: -264px 0; }
#eventIndex #content #steps #stepsNavi #naviStep4.ui-tabs-selected a { background-position: -396px 0; }
#eventIndex #content #steps #stepsNavi #naviStep5.ui-tabs-selected a { background-position: -528px 0; }

#eventIndex #content #steps #stepsNavi #naviStep1.ui-tabs-selected a:hover { background-position: 0 0; }
#eventIndex #content #steps #stepsNavi #naviStep2.ui-tabs-selected a:hover { background-position: -132px 0; }
#eventIndex #content #steps #stepsNavi #naviStep3.ui-tabs-selected a:hover { background-position: -264px 0; }
#eventIndex #content #steps #stepsNavi #naviStep4.ui-tabs-selected a:hover { background-position: -396px 0; }
#eventIndex #content #steps #stepsNavi #naviStep5.ui-tabs-selected a:hover { background-position: -528px 0; }
*/

/* steps Vertical */
/* リユース食器 */
#reuseIndex #content #steps #stepsNavi { width: 87px; float: left; }
#reuseIndex #content #steps #stepsNavi li a { float: left; width: 87px; height: 0; padding-top: 92px; overflow: hidden; background: transparent url(../img/step.png) no-repeat; }

#reuseIndex #content #steps #stepsNavi #naviStep1 a { background-position: 0 -87px; }
#reuseIndex #content #steps #stepsNavi #naviStep2 a { background-position: -132px -87px; }
#reuseIndex #content #steps #stepsNavi #naviStep3 a { background-position: -264px -87px; }
#reuseIndex #content #steps #stepsNavi #naviStep4 a { background-position: -396px -87px; }
#reuseIndex #content #steps #stepsNavi #naviStep5 a { background-position: -528px -87px; }
#reuseIndex #content #steps #stepsNavi #naviStep6 a { background-position: -660px -87px; }

#reuseIndex #content #steps #stepsNavi #naviStep1 a:hover { background-position: 0 -174px; }
#reuseIndex #content #steps #stepsNavi #naviStep2 a:hover { background-position: -132px -174px; }
#reuseIndex #content #steps #stepsNavi #naviStep3 a:hover { background-position: -264px -174px; }
#reuseIndex #content #steps #stepsNavi #naviStep4 a:hover { background-position: -396px -174px; }
#reuseIndex #content #steps #stepsNavi #naviStep5 a:hover { background-position: -528px -174px; }
#reuseIndex #content #steps #stepsNavi #naviStep6 a:hover { background-position: -660px -174px; }

#reuseIndex #content #steps #stepsNavi #naviStep1.ui-tabs-selected a { background-position: 0 0; }
#reuseIndex #content #steps #stepsNavi #naviStep2.ui-tabs-selected a { background-position: -132px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep3.ui-tabs-selected a { background-position: -264px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep4.ui-tabs-selected a { background-position: -396px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep5.ui-tabs-selected a { background-position: -528px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep6.ui-tabs-selected a { background-position: -660px 0; }

#reuseIndex #content #steps #stepsNavi #naviStep1.ui-tabs-selected a:hover { background-position: 0 0; }
#reuseIndex #content #steps #stepsNavi #naviStep2.ui-tabs-selected a:hover { background-position: -132px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep3.ui-tabs-selected a:hover { background-position: -264px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep4.ui-tabs-selected a:hover { background-position: -396px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep5.ui-tabs-selected a:hover { background-position: -528px 0; }
#reuseIndex #content #steps #stepsNavi #naviStep6.ui-tabs-selected a:hover { background-position: -660px 0; }

/* steps tab panel */
#reuseIndex #content #steps .ui-tabs-panel { float: right; width: 530px; }
#reuseIndex #content #steps .ui-tabs-hide { display: none; }

/* step1 shokki */
#kobachi { float: left; text-align: center; }
#hirazara { float: right; text-align: center; }
#fukazaraS { float: left; text-align: center; }
#fukazaraL { float: right; text-align: center; }

#step1P2 { clear: both; }


/* step2 shodoku */
.paraLv1 { margin-bottom: 30px; }
.l { float: left; text-align: center; }
.r { float: right; text-align: center; }


/* step5 henkyaku */
#reuseIndex #content #steps #step5 #step5a { margin-bottom: 90px; }

#reuseIndex #content #steps #step3 img,
#reuseIndex #content #steps #step4 img { display: block; margin: 0 auto; }

#reuseIndex #content #steps div p.caution { clear: both; margin-top: 2.0em; width: 510px; padding: 10px; color: #fff; line-height: 1.2em; background-color: #f09; }

table.list_furniture{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #66DBFF;
	border-left:1px solid #66DBFF;
	font-size:14px;
	line-height:1.6;
	background:#fefefe;
}
table.list_furniture th,
table.list_furniture td{
	border-right:1px solid #66DBFF;
	border-bottom:1px solid #66DBFF;
	padding:0.2em 0.3em;
}
table.list_furniture th{
	text-align:center;
	background:#FFFCB7;
}
td.num_furniture,
td.quality_furniture{
	text-align:center;
}
td.price_furniture{
	text-align:right;
}